.list{width:100%; max-width:640px; min-height:320px; background:#f4f4f6; padding-top:50px; padding-bottom:50px; z-index:100;}

.inputPanel{ margin-top:10px; min-height:30px;}
.inputPanel .txtPanel{ position:relative; margin-bottom:5px; margin-left:300px;}
.inputPanel .txtPanel .unit{ position:absolute; height:30px; line-height:30px; top:0px; right:0px; color:#8c8c8c; padding-right:7px;}
.inputPanel .txtPanel .title{ position:absolute; height:30px; line-height:30px; top:0px; left:-280px; width:280px; color:#444; font-size:14px; text-align:right;}
.inputPanel .txtPanel .must{ position:absolute; height:30px; line-height:30px; top:0px; left:300px; color:#f00; font-size:1.2em;}
.inputPanel .txtPanel input[type=text],
.inputPanel .txtPanel input[type=password],
.inputPanel .txtPanel input[type=tel],
.inputPanel .txtPanel select,
.inputPanel .txtPanel textarea { 
	width:255px; 
	display:block; 
	color:#020202; 
	height:30px; 
	line-height:30px; 
	text-align:left; 
	overflow:hidden;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	outline: 0;
	border-bottom: #cdcdcd 1px solid;
	background:transparent;
	padding: 0 0 0 10px;
	-webkit-transition: box-shadow .5s;
	font-size:16px;
    }

.inputPanel .txtPanel input[type=text]:hover,
.inputPanel .txtPanel input[type=text]:focus,
.inputPanel .txtPanel input[type=password]:hover,  
.inputPanel .txtPanel input[type=password]:focus,
.inputPanel .txtPanel select:hover,
.inputPanel .txtPanel select:focus,
.inputPanel .txtPanel textarea:hover,
.inputPanel .txtPanel textarea:focus{ box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 0 8px rgba(82,168,236,.6); -webkit-transition: box-shadow .5s;}
.inputPanel input::-webkit-input-placeholder { color: #999; -webkit-transition: color .5s;}
.inputPanel input:focus::-webkit-input-placeholder,.inputPanel input:hover::-webkit-input-placeholder { color: #c2c2c2; -webkit-transition: color .5s;}
.inputPanel .txtPanel textarea{ height:100px;}
.inputPanel .txtPanel select option{ padding-top:20px;}

.Action { position:fixed; bottom:0px; width:100%; max-width:640px; margin:0px auto;}
.Action button,
.Action a,
.Action input[type=button]{ -webkit-appearance: none; display:block; color:#fff; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; cursor:pointer; background:#00a8ff;}

.Action .divide{ width:50%; border-top:1px solid #c3c3c3; text-align:center; margin:0px auto; margin-top:20px;}
.Action .divide span{ position:relative; display:block; width:40px; height:20px; line-height:20px; top:-12px; background-color:#f2efe3; margin:0px auto; color:#c3c3c3;}

.loginWrapper{ margin:0px auto;}
.loginWrapper .link{ overflow:hidden; zoom:1;}
.loginWrapper .link .left{ float:left;}
.loginWrapper .link .right{ float:left;}
.loginWrapper .link a{ height:16px; line-height:16px; color:#8a8a8a; font-size:14px;}
.loginWrapper .link a:link {text-decoration: none;}
.loginWrapper .link a:visited { text-decoration: none }
.loginWrapper .link a:hover { text-decoration: underline }
.loginWrapper .link a:active { text-decoration: underline }
.inputPanel{ margin:0px auto;}
.inputPanel .txtPanel{ height:40px; line-height:40px; margin-left:0px;}
.inputPanel .txtPanel .title{ height:40px; line-height:40px; left:0px; width:100px; font-size:16px; }
.inputPanel input{ height:40px; padding-left:100px; width:100%;}
.Address{ background:#fff; padding:10px; background:url(../img/colorTopBorder.png) no-repeat 0px top; background-size:100% 3px;}
.Address .inputPanel .txtPanel .title{ height:40px; line-height:40px; left:0px; width:100px; font-size:16px; text-align:left;}
.Address .inputPanel .txtPanel input{ height:40px; padding-left:100px; width:100%;}

.Hire{ background:#efefef;}
.Hire .HireTitle{ height:40px; line-height:40px; text-align:center; font-size:14px; color:#333; font-weight:normal;}
.Hire .inputPanel{ padding-top:5px; background:#fff;}
.Hire .inputPanel .txtPanel{ border-bottom: #e5e5e5 1px solid; overflow:hidden;}
.Hire .inputPanel .txtPanel .title{ height:40px; line-height:40px; top:-2px; left:20px; width:90px; font-size:16px; text-align:left; color:#333;}
.Hire .inputPanel .txtPanel input{ display:block; margin-left:120px; font-size:14px; margin-right:10%; height:40px; padding-left:10px; width:100%;}
.Hire .inputPanel .txtPanel em{ font-style:normal;}

.Hire .inputPanel .txtPanel ul{ overflow:hidden; zoom:1; margin-left:120px;}
.Hire .inputPanel .txtPanel ul li{ display:inline-block; width:80px;}
.Hire .inputPanel .txtPanel ul li input[type=radio]{ display:inline-block; width:15px; height:15px; margin-left:10px;}
.Hire .inputPanel .txtPanel.ofix .title{ width:120px;}
.Hire .inputPanel .txtPanel.ofix ul{ overflow:hidden; zoom:1; margin-left:150px;}
.Hire .inputPanel .txtPanel.ofix ul li{ display:inline-block; width:60px;}
.Hire .inputPanel .txtPanel input[type=text],
.Hire .inputPanel .txtPanel input[type=password],
.Hire .inputPanel .txtPanel select,
.Hire .inputPanel .txtPanel textarea {
	border-radius: 0px; border:none;
}

.Hire .inputPanel .txtPanel input[type=text]:hover,
.Hire .inputPanel .txtPanel input[type=text]:focus,
.Hire .inputPanel .txtPanel input[type=password]:hover,  
.Hire .inputPanel .txtPanel input[type=password]:focus,
.Hire .inputPanel .txtPanel select:hover,
.Hire .inputPanel .txtPanel select:focus,
.Hire .inputPanel .txtPanel textarea:hover,
.Hire .inputPanel .txtPanel textarea:focus{ box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); -webkit-transition: box-shadow .5s;}

.AddressList .addList{ padding-top:3px; background:url(../img/colorTopBorder.png) no-repeat 0px top; background-size:100% 3px;}
.AddressList .addList ul li{ margin-bottom:10px; position:relative; border-radius:4px; background:#fff;}
.AddressList .addList ul li .hd{ height:35px; position:relative;}
.AddressList .addList ul li .hd .default{ height:35px; line-height:35px; background: url("../img/deliverNoselect.png") no-repeat 0px center; background-size:16px 16px; padding-left:20px; font-size:12px; margin-left:15px;}
.AddressList .addList ul li.Selected .default{ height:35px; line-height:35px; background: url("../img/deliverSelected.png") no-repeat 0px center; background-size:16px 16px; padding-left:20px; font-size:12px; margin-left:15px;}
.AddressList .addList ul li .hd .operate{ position:absolute; top:7px; right:10px;}
.AddressList .addList ul li .hd .operate span{ display:inline-block; width:40px; height:20px; line-height:20px; padding-left:16px; font-size:14px; border:1px solid #999; text-align:center; margin-left:10px; color:#888;}
.AddressList .addList ul li .hd .operate span.edit{ background: url("../img/editIco.png") no-repeat 6px center; background-size:10px 10px;}
.AddressList .addList ul li .hd .operate span.delete{ background: url("../img/delAddressIco.png") no-repeat 6px center; background-size:10px 10px;}
.AddressList .addList ul li a{ display:block; margin:0px 10px ; position:relative; overflow:hidden; padding:10px 10px 10px 15px; margin-right:10px; border-top:1px solid #f0f0f0;}
.AddressList .addList ul li a .detail{ max-height:50px; line-height:25px; font-size:14px; overflow:hidden; margin-top:3px; color:#555;}
.AddressList .addList ul li a .Info{ max-height:25px; line-height:25px; margin-top:2px; color:#333; overflow:hidden;}
.AddressList .addList ul li a .Info span{ font-style:normal; color:#000; margin-right:10px;}
.AddressList .addList ul li a .Info .name{ font-size:16px;}
.AddressList .addList ul li a .Info .tel{ font-size:16px;}

.Comment { width:100%;}
.Comment .grade{ width:100%; height:50px; line-height:50px; position:relative; background-color:#fff;}
.Comment .grade .title{ position:absolute; width:100px; height:44px; line-height:44px; padding-left:10px;}
.Comment .grade .starPanel{ overflow:hidden; width:100%; text-align:center;}
.Comment .grade .starPanel .star{ display:inline-block; width:17px; height:16px; background: url(../img/star_white.png) no-repeat center center; background-size:100% 100%;}
.Comment .grade .starPanel.level0 .star.star1{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level0 .star.star2{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level0 .star.star3{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level0 .star.star4{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level0 .star.star5{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level1 .star.star1{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level1 .star.star2{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level1 .star.star3{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level1 .star.star4{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level1 .star.star5{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level2 .star.star1{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level2 .star.star2{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level2 .star.star3{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level2 .star.star4{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level2 .star.star5{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level3 .star.star1{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level3 .star.star2{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level3 .star.star3{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level3 .star.star4{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level3 .star.star5{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level4 .star.star1{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level4 .star.star2{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level4 .star.star3{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level4 .star.star4{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level4 .star.star5{ background-image:url(../img/star_white.png);}
.Comment .grade .starPanel.level5 .star.star1{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level5 .star.star2{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level5 .star.star3{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level5 .star.star4{ background-image:url(../img/star_red.png);}
.Comment .grade .starPanel.level5 .star.star5{ background-image:url(../img/star_red.png);}
.Comment .textarea{ margin-top:10px; padding:10px; background-color:#fff;}
.Comment .textarea textarea{ width:100%; min-height:50px; line-height:22px; color:#555; border-bottom:1px solid #f0f0f0;}
.Comment .textarea .upload ul{ padding-top:20px; overflow:hidden;}
.Comment .textarea .upload ul li{ float:left; display:block; width:60px; height:60px; position:relative; margin-right:12px;}
.Comment .textarea .upload ul li img{ width:60px; height:60px;}
.Comment .textarea .upload ul li .deletePic{ position:absolute; width:15px; height:15px; position:absolute; top:-7px; right:-7px;background: url(../img/DeleteIco.png) no-repeat center center; background-size:100% 100%;}
.Comment .textarea .upload ul li.photograph{ margin-right:0px;}
.Comment .textarea .upload ul li.photograph input[type=file]{ position:absolute; width:60px; height:60px; top:0px; left:0px; cursor:pointer;
filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
-moz-opacity:0; /*Firefox私有，透明度50%*/
opacity:0;/*其他，透明度50%*/
}

body {
	margin: 0 auto;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}
@media all and (min-width: 640px) {
body {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}
}
